import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Home from "../components/Home";
import news from "../components/news";
import Hot from "../components/Hot";
import TV  from "../components/TV"
import NewsDetail from "../components/NewsDetail";
import List from "../components/List";
import Login from "../components/Login";


Vue.use(Router)
//ES提出的import方法
const HelloWorld=()=>import("@/components/HelloWorld")
const router = new Router({
  // routes: [
  //   {path: '/home',
  //     name: 'Home',
  //     component: Home
  //   },
  //
  //   {
  //     path: '/news',
  //     component: news,
  //     // children:[
  //     //   {
  //     //     path:'TV',
  //     //     component:TV
  //     //   }
  //     // ]
  //    },
  //   {
  //     path: '/news/:id',
  //     component: NewsDetail
  //   },
  //   {path: '/Hot',name:'hot',component:Hot },
  //
  //
  // ]

  // routes: [
  //   {
  //     path: '/home',
  //     name: 'Home',
  //     component: Home
  //   },
  //
  //   {
  //     path: '/login',
  //     name: 'Login',
  //     component: Login,
  //     //路由独享守卫
  //     beforeEnter: (to, from, next) => {
  //       console.log('登录页面')
  //       next()
  //     }
  //
  //   }
  //   // {
  //   //   path: '/list',
  //   //   name: 'List',
  //   //   component: List
  //   // },
  //

  // ]
  routes:[
    {
      path:'/',
      name:'HelloWorld',
      component:HelloWorld
    }
  ]

})
//每个守卫方法接收三个参数
// to:Route即将要进入的目标路由对象
//from:Route当前导航正要离开的路由
//next:Function要调用该方法来执行钩子函数

//全局前置守卫
// router.beforeEach((to, from, next) => {
//   // console.log(to.path)
//   if (to.path == "/login") {
//     next();
//   } else {
//     //是否登录
//     let islogin=false
//     if (islogin) {
//       // console.log("已经登录")
//       next()
//     } else {
//       console.log("没有登录，请先登录")
//       next({ path: "/login" })
//     }
//   }
// });
//
// export  default router
//
